{% extends "/layouts/layouts.twig" %}
{% block head %}
<link rel="stylesheet/less" href= "/assets/less/fudongxiangqing.less">
{% endblock %}
{% block content  %}
{#    装饰材料 start#}
<div class="zhuangshicailiao">
    <a href="/demo/demo">
        首页 >
    </a>
    <a href="/demo/shop">
        商城 >
    </a>
    <a href="/demo/fudongxiangqing">
        装饰材料
    </a>

</div>
{#    装饰材料 end#}
{#    详细信息 start#}
    <div class="xiangxi">
        <div class="container">
            <div class="row">
                <div class="col-xl-9">
                    {#    行业 start#}
                    {% for i in hangye %}
                        <div  class="hangye">
                            <strong>
                                <span class="hangyetitle">{{ i.title }}</span>
                            </strong>
                            <ul>
                                {% for e in i.cate %}
                                    <li>
                                        <a href="{{ e.href }}">
                                            <span class="hangyename">{{ e.name }}</span>
                                            <span class="hangyenumber">({{ e.number }})</span>
                                        </a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                    {% endfor %}
                    {#    行业 end#}
{#                    地区 start#}
                    <div class="diqu">
                        {% for i in diqu %}
                        <strong>
                            <span class="diqutitle">{{ i.title }}</span>
                        </strong>
                        <ul>
                            {% for e in i.cate %}
                            <li>
                                <a href="{{ e.href }}" >
                                   {{ e.name }}
                                </a>
                            </li>
                            {% endfor %}
                        </ul>
                        {% endfor %}
                    </div>
{#                    地区end#}
{#                    对比 start#}
                    <div class="duibi">
                      <button>对比选中</button>
                        <button>批量购买</button>
                        <div class="right">
                            <input type="checkbox" >VIP
                            <select>
                                <option value ="volvo">更新时间</option>
                                <option value ="saab">1天内</option>
                                <option value="opel">3天内</option>
                                <option value="audi">5天内</option>
                            </select>
                            <select>
                                <option value ="volvo">显示顺序</option>
                                <option value ="saab">价格由高到底</option>
                                <option value="opel">价格由低到高</option>
                                <option value="audi">销量由高到低</option>
                                <option value="audi">销量由低到高</option>
                                <option value="audi">评论由高到低</option>
                                <option value="audi">人气由低到高</option>
                            </select>
                        </div>

                    </div>
{#                    对比 end#}
{#                    产品 start#}
                    <div class="chanping">
                        <ul>
                            {% for i in chanping %}
                            <li>
                                <input type="checkbox">
                                <a  href="javascript:">
                                    <img class="chanpingimg" src="/assets/img/{{ i.image }}">
                                </a>
                               <div class="te">
                                   <strong>
                                       <p class="title"  style="color: {{ i.color }}">
                                           {{ i.title }}
                                       </p>
                                   </strong>
                                   <img class="vip" src="/assets/img/{{ i.vip }}">
                                   <p  class="neirong">
                                       {{ i.neirong }}
                                   </p>
                               </div>
                                <div class="right">
                                    <strong>
                                        <span class="money">
                                    {{ i.money }}
                                       </span>
                                    </strong>

                                    <a href="javascript:">
                                        <img class="liaotian" src="/assets/img/{{ i.liaotian }}">
                                    </a>
                                    <div class="pp">
                                        <p class="number1">
                                            总共成交{{ i.number }}笔
                                        </p>
                                        <p class="number">
                                            总评价{{ i.number }}条
                                        </p>
                                    </div>
                                        <button>加入购物车</button>
                                </div>

                            </li>
                            {% endfor %}
                        </ul>
                    </div>
{#                    产品 end#}
{#                    对比2 start#}
                    <div class="duibi2">
                        <button>对比选中</button>
                        <button>批量购买</button>
                    </div>
{#                    对比2 end#}
                </div>
                <div class="col-xl-3">
                    {% for i in sousuo %}
                    <div class="top">
                     <strong>
                         {{ i.title }}
                     </strong>
                    </div>
                    <div class="button">
                        <ul>
                            {% for e in i.cate %}
                            <li>
                                <p class="number" style="color: {{ e.color }}">
                                    {{ e.number }}
                                </p>
                                <p class="neirong">
                                    {{ e.neirong }}
                                </p>
                                <p class="tiao">
                                    {{ e.tiao }}条
                                </p>
                            </li>
                            {% endfor %}
                        </ul>

                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

{#    详细信息 end#}
{% endblock %}
